<html>
<head>
	<title>ajax/xml/json/</title>
	<meta charset="UTF-8">
	<script type="text/javascript" src="jquery.js"></script>
	<style type="text/css">
		body{
			background: #eee;
			font-family: 微软雅黑;
		}
		.top{
			width:100%;
			height:10%;
			background: #6fc;
			color:#fff;
		}
		.top span{
			width:32%;
			height: 50%;
			float: left;
			text-align: center;
			font-weight: bold;
		}

		.tel{
			width:100%;
			height: 10%;
			background: #fff;
			margin-top:10px;
			text-align: center;
		}
		.tel img{
			width:4%;
			height: 80%;
			float: left;
		}
		.tel span{
			display: inline-block;
			height: 80%;
			line-height: 80%;
			border:1px solid #ccc;
			float: left;
			margin-left:2%;
			vertical-align: middle;
		}
		.tel input{
			width:90%;
			height: 100%;
			float: left;
			margin-left: 3%;
			font-size: 16em;
			border:0;
		}
		#sub{
			width:100%;
			height:10%;
			float: left;
			margin-top:50px;
			border:0;
			background: #6fc;
			font-size: 2em;
			color:#fff;
		}
		a{
			text-decoration: none;
			color:#ccc;
			font-size: 1em;
			float: right;
		}
	</style>
</head>
<body>
<div class="top">
	<span class="signal"><img src="task4/signal.png">Applidium</span>
	<span><img id='wifi' src="task4/wifi.png">11:27AM</span>
	<span>100%<img id='battery' src="task4/battery.png" width="5%" vertical-align="middle"></span>
	<span class="signal">关闭</span>
	<span>登录</span>
	<span><a href="">注册</a></span>
</div>

<div class="sub">
	<form>
		<div class="tel">
			<img src="task4/phone.png">
			<span></span>
			<input type="text">
		</div>
		<div class="tel">
			<img src="task4/lock.png">
			<span></span>
			<input type="password">
		</div>
		<input id="sub" type="submit" value="登录"> 
	</form>
	<a class="forget" href="">忘记密码?</a>
</div>
	
</body>

</html>